/* components/attribute-tag/attribute-tag.wxss */
.attribute-tag-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40rpx;
  height: 40rpx;
  font-size: 20rpx;
}

.attribute-tag-wrapper.attr-straight {
  background-color: rgba(87, 131, 255, 0.1);
  color: #5783ff;
}
.attribute-tag-wrapper.attr-0 {
  background-color: rgba(142, 92, 255, 0.1);
  color: #8e5cff;
}
.attribute-tag-wrapper.attr-1 {
  background-color: rgba(64, 192, 90, 0.1);
  color: #40c05a;
}
.attribute-tag-wrapper.attr-t {
  background-color: rgba(255, 204, 0, 0.1);
  color: #ff9700;
}
.attribute-tag-wrapper.attr-p {
  background-color: rgba(255, 99, 129, 0.1);
  color: #ff6381;
}